import { createUseStyles } from "react-jss";

type StyleProps = { fontSize: number };

const useStyles = createUseStyles({
  noData: {
    width: "100%",
    height: "100%",
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
    justifyContent: "center",
  },
  icon: {
    minHeight: "100px",
    maxHeight: "200px",
    display: "inline-block",
  },
  text: {
    color: "#666666",
    fontSize: (props: StyleProps) => props.fontSize,
  },
});

export { useStyles };
